﻿<!DOCTYPE html>
@{
    if (false)
    {
        <script src="~/LiberUI/Scripts/jquery.js"></script>
        <script src="~/LiberUI/jquery-vsdoc.js"></script>
        <script src="~/LiberUI/Scripts/LiberUI.Base.js"></script>
        <script src="~/LiberUI/Scripts/LiberUI.Action.js"></script>
        <script src="~/LiberUI/Scripts/LiberUI.js"></script>
    }

}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<link href="~/LiberUI/Style/LiberUI.css" rel="stylesheet" />
<link href="~/SiteUI/Base.css" rel="stylesheet" />
<link href="~/SiteUI/SoBiz/Index.css" rel="stylesheet" />
<html>
<body>
    <div class="view" id="headBar">
        <div class="row">
            <div class="col-lg-5 col-lg-offset-1" id="siteLogo">

            </div>
            <div class="col-lg-6" id="siteLink">
                <a>首页</a>
                <a>云智慧社区</a>
                <a>企业协同</a>
                <a>合作</a>
                <a>关于我们</a>
            </div>
        </div>
    </div>
    <div id="pageHelper">
        <ul>
            <li id="goTop"></li>
        </ul>
    </div>
    <!--视差滚动0层，以一半的速度滚动-->
    <div class="view parallax0" id="chapter1">
        <div class="row" id="mainRow">
            <div class="col-lg-6 col-lg-6" id="siteTitle">
                <span>"互联网+" 企业</span>
                <h1>开放·深度·极致</h1>
                <h3>—助力企业变革，打造下一代的企业管理平台</h3>
            </div>
            <div class="col-lg-6 col-lg-6">
                <div class="row" id="rowLogin">
                    <div class="col-lg-10" id="loginForm">
                        <div class="row">
                            <div class="col-lg-6" id="standForm">
                                <h3>帐号登录</h3>
                                <span id="tipForKey"></span>
                                <input id="txbKey" placeholder="帐号/手机/邮箱" />
                                <span id="tipForPass"></span>
                                <input id="txbPass" type="password" placeholder="密码" />
                                <span id="tipLogin"></span>
                                <div class="button btn-big btn-focus" id="btnLogin">登 录</div>
                                <a class="LinkTo" id="lnkRegister">注册体验</a>
                                <a class="LinkTo" id="lnkFindPass">忘记密码？</a>
                            </div>
                            <div class="col-lg-1"></div>
                            <div class="col-lg-5" id="wxLoginForm">
                                <i class="icon-iconfontwechat">打开微信，扫一扫</i>
                                <img id="imgWxTmpQr" src="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div id="nexRow" class="row">
            <div class="col-lg-12" id="ourProduct">
                <h3>——了解我们的产品——</h3>
                <div id="nextArrow"></div>
            </div>
        </div>
        @*<div class="row" id="sloganRow">
                <div class="col-lg-4 siteSlogan">
                    <h2>以开放的心态，成就价值链上每一个参与者</h2>
                </div>
                <div class="col-lg-4 siteSlogan">
                    <h2>以专业的眼光，深度思考业务流程的每个节点</h2>
                </div>
                <div class="col-lg-4 siteSlogan">
                    <h2>以匠人之心，创造极致的用户体验</h2>
                </div>
            </div>*@
    </div>

    <div class="view chapter1Mask">
    </div>

    <div class="view" id="chapter2">
        <h1 class="chpTitle">一个平台，聚合一切</h1>

    </div>

    <div class="view" id="chapter3">
        <h1 class="chpTitle">三大整合，引领业务变革</h1>

        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <div class="row" id="aggregation">
                    <div class="col-lg-4" id="agr1">
                        <i class="icon-dashboard argIcon"></i>
                        <div>
                            <br/>
                            <h2>数据整合</h2>
                            <p style="padding:1em 4em">通过标准化数据接口，汇集业务各方的数据，完整呈现业务的全貌</p>
                        </div>
                    </div>
                    <div class="col-lg-4" id="agr2">
                        <i class="icon-timeline argIcon"></i>
                        <div>
                            <br />
                            <h2>流程整合</h2>
                            <p style="padding:1em 4em">在业务流程的每个节点上思考与外部参与者的协作，无论是采购商还是供应商，工作效率都能得到大幅度提升</p>
                        </div>
                    </div>
                    <div class="col-lg-4" id="agr3">
                        <i class="icon-allinclusive argIcon"></i>
                        <div>
                            <br />
                            <h2>渠道整合</h2>
                            <p style="padding:1em 4em">以业务为中心，汇集多种沟通渠道的信息，让您轻松掌控业务的处理情况</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="view" id="chapter4">
        <h1 class="chpTitle">时代沿革，创新不止</h1>
        <br />
        <div class="row">
            <div class="col-lg-2 col-lg-offset-2">
                <img src="~/SiteUI/Imgs/infolize_1.png" />
                <h4>文档电子化</h4>
                <p class="infolize">办公电子化实现了数据的沉淀，方便了数据的传递，可视为信息化的起步阶段</p>
            </div>
            <div class="col-lg-2">
                <img src="~/SiteUI/Imgs/infolize_2.png" />
                <h4>流程系统化</h4>
                <p class="infolize">MIS,ERP系统通过对业务流程的固化和数据内容的规范化极大的增强了企业的管控能力</p>
            </div>
            <div class="col-lg-2">
                <img src="~/SiteUI/Imgs/infolize_3.png" />
                <h4>基于文档的协作</h4>
                <p class="infolize">互联网带来了沟通的便利，技术的发展使得企业内外部的人可以基于电子化的文档实现更便利的业务处理</p>
            </div>
            <div class="col-lg-2">
                <img src="~/SiteUI/Imgs/infolize_1.png" />
                <h4 id="nxtWebOffice">下一代协作平台</h4>
                <p class="infolize end">历史的轨迹证明了基于业务流程的协作是必然的选择，管理将不在局限于企业内部</p>
            </div>
        </div>
    </div>

    <div class="view" id="chapter5">
        <div class="col-lg-3 col-lg-offset-1" id="invite">
            <h2>加入我们，立刻开始体验下一代的企业管理方式</h2>
            <br />
            <p>互联网+时代，管理依然是核心，但我们需要重新审视企业的管理边界，将业务流程中各方参与者都纳入到统一的管理体系中，并基于这种可能打造全新的生产力！</p>
        </div>
        <div class="col-lg-8">
            <div class="customVoice">
                <img src="~/UserFile/Com921168085823579651/comLogo.png" />
                <span>雅居乐集团 | 采购主管 | 朱胜解</span>
                <div> </div>
                <p>我们考察了多种协作平台，唯有天联可以与我们内部系统中的业务流程整合一体。这个平台不仅提供了互联网化的应用体验，同时也真正意义上把企业的管理流程扩展到了外部，让我们看到了未来内外一体化管理的可能。</p>
            </div>
        </div>
    </div>

    <div class="view" id="chapter6">
        <h1 class="chpTitle">先尝后买，商务无忧</h1>
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">

            </div>
        </div>
    </div>
    @*<div class="view chapter1Mask">
    </div>*@
    <div class="view" id="pageFoot">
        <div class="row">
            <div class="col-lg-6 col-lg-offset-1">
                <a class="Lite">关于天联协同管理平台</a>
                <span>|</span>
                <a class="Lite">关于我们</a>
                <span>|</span>
                <a class="Lite">用户协议</a>
                <br />
                <a class="Lite">Copyright © 2014-2018 TLUnion.com 版权所有 | By 天联数创</a>
                <br />
                <a class="Lite" href="http://www.miitbeian.gov.cn/">粤ICP备16018901号</a>
            </div>
            <div class="col-lg-2" id="connactUs">
                <h4>联系我们：<label style="font-size:80%">9：00 - 22：00</label></h4>
                <span>13727028998 (商务合作)</span>
                <br/>
                <span>18520170858 (市场推广)</span>
            </div>
            <div class="col-lg-2" id="mailUs">
                <a class="Lite" target="_blank" href="mailto:gracebug@tlunion.com"><i class="icon-mail">客服邮箱</i></a>
            </div>
        </div>
    </div>


    <script src="~/LiberUI/Scripts/jquery.js"></script>
    <script src="~/LiberUI/Scripts/LiberUI.Base.js"></script>
    <script src="~/LiberUI/Scripts/LiberUI.Action.js"></script>
    <script src="~/LiberUI/Scripts/LiberUI.js"></script>
    <script src="~/SiteUI/SoBiz/res_sobiz.js"></script>
    <script>
        View = {};
        View.body = null;
        View.bodySTop = 0; //上次页面滚动距离
        View.chapts = [];  //所有章节

        function onLogin(ev) {
            View.chkAcnt.check();
            View.frmLogin.disable();
            $("#tipLogin").vl("");
            $("#btnLogin").vl("正在登录...").addClass("disabled");
            $.post("/SoBiz/Login", { key: $("#txbKey").vl(), pass: $("#txbPass").vl() }, onLoginEnd);
        };
        function onLoginEnd(rtn) {
            if (rtn.IsPositive) {
                window.location = "/SoBiz/LoginEnd";
            }
            else {
                var msg = ErrFormate(res_sobiz, rtn.ErrorSrc, rtn.ErrorCode, rtn.Error)
                $("#tipLogin").vl(msg);
                $("#btnLogin").vl("登录").removeClass("disabled");
                View.frmLogin.enable();
            }
        };
        function onLoginByWxEnd(rtn) {
            if (rtn.IsPositive) {
                View.frmLogin.disable();
                $("#tipLogin").vl("");
                $("#btnLogin").vl("登录成功..").addClass("disabled");
                window.location = "/SoBiz/LoginEnd";
            }
            else {
                setTimeout(onLoginByWx, 500);
            }
        };
        function onLoginByWx() {
            $.getJSON("/TLB2B/IfWxTmpQRScaned", {}, onLoginByWxEnd);
        };

        function onWndScroll() {
            var bst = $(window).scrollTop();
            View.parallax0.css({ marginTop: (0 - bst / 2) + "px" });
            if (bst > 200) {
                $("#goTop").fadeIn();
            }
            else {
                $("#goTop").fadeOut();
            }
            setTimeout(checkHead, 500);
        };
        function checkHead() {
            var bst = $(window).scrollTop();
            //判断当前页面滚动距离和头部条的状态决定是否需要更改样式
            if (!View.head.hasClass("focus") && bst > 80) {
                View.head.addClass("focus");
            }
            else if (bst <= 80) {
                View.head.removeClass("focus");
            }
            else {

            }
        };
        function onGetTicketEnd(rtn) {
            //TODO:获得微信临时二维码Ticket,直接从微信服务器获取二维码地址
            rtn = JSON.parse(rtn);
            if (rtn.ticket) {
                $("#imgWxTmpQr").attr("src", "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" + encodeURI(rtn.ticket));
                //开始检查用户扫码
                setTimeout(onLoginByWx, 200);
            }
        };

        var onHelp = function (ev) {
            if (ev && ev.currentTarget) {
                switch (ev.currentTarget.ID()) {
                    case "goTop":
                        $("html").animate({ scrollTop: 0 }, 'normal');
                        $("body").animate({ scrollTop: 0 }, 'normal');
                        break;
                }
            }
        };

        $(function () {
            $.ajax({
                cache: false,
                async: true,
                timeout: 10000,
                error: function (rtn, ev) {
                    if (rtn.status == '401') {
                        window.location = "/SoBiz/Index";
                    }
                }
            });

            View.parallax0 = $("#chapter1");

            View.frmLogin = new LiberUI.Form("#standForm")
                                       .on("submiting", onLogin)
                                       .focus();
            $("#btnLogin").on("click", function () { View.frmLogin.Submit(); });

            //检查上次登录账号（在服务端设置的）
            var la = $.Cookie("LastAccount");
            if (la != null) {
                $("#txbKey").vl(la);
                $("#txbPass").focus();
            }
            View.body = $('body');
            View.head = $("#headBar");

            $(window).on("scroll", onWndScroll);
            $("#pageHelper").delegate("li", "click", onHelp);

            //获取微信临时二维码
            $.getJSON("/TLB2B/GetWxTmpQRTicket", {}, onGetTicketEnd);

            View.chkAcnt = new Validater().noEmpty($("#txbKey"), $("#tipForKey"), "账号不能为空", "", true);

        })
    </script>
</body>
</html>



